<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="css/common-style.css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> -->
    <!-- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="https://at.alicdn.com/t/font_1862857_zilgrjcpnli.js"></script>
    <script src="js/index.js"></script>
	  <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=HVhXDGTNxq6AQGp8aGmAvBZ637nuyaU9"></script>

    </head>
<body>
  <div class="mx-nav container-fluid">
    <nav class="navbar navbar-default" role="navigation" id="navbar">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse" id="btn">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#" id="logo"></a>
        </div>
        <div class="collapse navbar-collapse navbar-ex1-collapse" id="nav-right">
            <ul class="nav navbar-nav navbar-right" id="mx-navigation">
                <li class="select"><a href="javascript:void(0)">首页</a></li>
                <li><a href="javascript:void(0)">关于公司</a></li>
                <li><a href="javascript:void(0)">产品展示</a></li>
                <li><a href="javascript:void(0)">招商加盟</a></li>
                <li><a href="javascript:void(0)">联系我们</a></li>               
            </ul>
        </div>
    </nav>
  </div>
  <div class="mx-content" id="mx-content"></div>

  <div class="footer container-fluid">
      <div class="footer-content row">
        <div class="col-md-3 col-sm-4">
          <div class="footer-logo">
              <a href="index.html"><img src="images/logo3.png" alt=""></a>
          </div>
        </div>
        <div class="col-md-6 col-sm-8">
          <div class="footer-link row" id="footer-link">
            <div class="col-md-3 col-sm-3">
                <a href="javascript:void(0)">关于公司</a>
            </div>
            <div class="col-md-3 col-sm-3">
              <a href="javascript:void(0)">产品展示</a>
            </div>
            <div class="col-md-3 col-sm-3">
              <a href="javascript:void(0)">招商加盟</a>
            </div>
            <div class="col-md-3 col-sm-3">
              <a href="javascript:void(0)">联系我们</a>
            </div>
          </div>
          <p class="copyright">版权所有©木兮实业有限公司&nbsp;&nbsp;&nbsp;&nbsp;鄂ICP备18011650号</p>
        </div>
        <div class="col-md-3 col-sm-12">
            <div class="footer-contact">
                <p class="col-md-12 col-sm-4">
                    <svg class="iconfont" aria-hidden="true">
                      <use xlink:href="#icon-icon_dianhua"></use>
                    </svg>
                    027-83622296
                </p>
                <p class="col-md-12 col-sm-4">
                  <svg class="iconfont" aria-hidden="true">
                    <use xlink:href="#icon-shouji"></use>
                  </svg>
                  13387576980
              </p>
              <p class="col-md-12 col-sm-4">
                <svg class="iconfont" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                yt15yi@163.com
            </p>
            </div>
        </div>

      </div>
  </div>
  <script>
    $("button").click(function(){
			$("#nav-right").slideToggle(1000);
		})
  </script>

</body>
</html>